let floors = document.querySelectorAll('main h2')
let lis = document.querySelectorAll('.roll li')
let timerId = null
//楼层滚动
function floor(){
//遍历
    lis.forEach((li,i)=>{
        li.onclick=function(){
            // 清除定时器
            clearInterval(timerId)
            //清除样式
            lis.forEach((li,i)=>{
                li.classList.remove('on')
            })
            //添加样式
            lis[i].classList.add('on')
            //定时器
            timerId=setInterval(()=>{
                //向上滚动
                //如果获取当前页面滚动条  大于  楼层上方页面距离
                if(document.documentElement.scrollTop>floors[i].offsetTop){
                    //减少当前页面滚动条的距离
                    document.documentElement.scrollTop -= 30
                    if(document.documentElement.scrollTop<=floors[i].offsetTop){
                        document.documentElement.scrollTop = floors[i].offsetTop
                        clearInterval(timerId);timerId = null;
                    }
                }else{
                    //向下滚动
                    document.documentElement.scrollTop += 30
                    mouse()
                    if(document.documentElement.scrollTop>=floors[i].offsetTop){
                        document.documentElement.scrollTop = floors[i].offsetTop
                        
                        clearInterval(timerId);timerId = null;
                    }
                }
            },15)
        }
    })
}
floor()
//鼠标滚轮滚动事件
function mouse() {
    document.onmousewheel= ()=>clearInterval(timerId)
}
mouse()

//点击跳转事件
let liss = document.querySelectorAll('.nav-item')
let lisss = document.querySelectorAll('main ul li')
let login = document.querySelector('.login')
let register = document.querySelector('.register')
function skip(){
  liss.forEach((li,i)=>{
    li.onclick=(()=>{
      console.log(111);
      if(i===0)
      window.location.replace('./index.html')
      if(i===1)
      window.location.replace('./API.html')
      if(i===2)
      window.location.replace('./customer.html')
    })
  })
  login.onclick=()=>{location='./login.html'}
  register.onclick=()=>{location='./register.html'}
}
skip()

lisss.forEach((li)=>{
    li.onclick=(()=>window.location.replace('./customer-details.html'))
})

//粒子效果
window.onload = function(){
    //配置
    var config = {
        vx: 6,//点x轴速度,正为右，负为左
        vy:  6,//点y轴速度
        height: 2,//点高宽，其实为正方形，所以不宜太大
        width: 2,
        count: 260,//点个数
        color: "200, 193, 193",//点颜色
        stroke: "100,100,100",//线条颜色
        dist: 6000,//点吸附距离
        e_dist: 20000,//鼠标吸附加速距离
        max_conn: 18//点到点最大连接数
    }
    //调用
    CanvasParticle(config,'mydiv');
}